<template>

		 <view class="top_view" :style="{height:viewHeight}">
		   	<view class="logocont">
		   		<image :src="src" mode=""></image>
		   	</view>
		  <view class="nav_title_cont" >
		  	 	<text class="logoname">{{title}}</text>
		  </view>
		 
		 <view >
			  <slot name="right" ></slot>
		 </view>
		 </view> 
	
</template>

<script>
	export default {
		data() {
			return {
				
			};
			
		},
		props:{
			src:{
				type:String
			},
			title:{
				type:String,
				default:"标题"
			},
			Iscenter:{
				type:Boolean,
				default:false
			}
		},
		onReady(){
			uni.getSystemInfo({
				success:res=>{
					let statheigt = res.statusBarHeight
					console.log(statheigt)
				}
			})
			
		},
		computed:{
		}
	}
</script>

<style scoped>
	
	
	.nav_title_cont{
		width: 100%;
		font-size: 32rpx;
		display: flex;
		height: 100%;
		font-weight: 900;
		align-items: center;
		margin-left: 20rpx;
	}
	.top_view {  
		height: 104rpx;
		padding:0 50rpx;
		background-color: #f2f2f2;
	    width: 100%; 
		display: flex;
		box-sizing: border-box;
		align-items: center;
	}
	.logocont{
		
		
		width: 60rpx;
		height:60rpx;
	}
	.logocont image{
		height:100%;
		width: 100%;
	}
</style>
